body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #aba7c7;
}
#main {
    width: 50%;
    height: 100%;
    margin: 0px auto;
    /*background-color: black;*/
}
.blogClass {
    width: 90%;
    height: 100px;
    margin: 0px auto;
    background-color: aliceblue;
    border-bottom: 1px solid #000;
}
.blogClass .blogClassSpan {
    display: block;
    margin: 0px 20px;
    padding: 0px 0px;
}
.blogClass #contentTop {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
}
.blogClass #contentMiddle {
    height: 40px;
    line-height:20px;
    font-size: 14px;
    margin: 0px 40px;
    color: dimgray;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.blogClass #contentBottom span {
    display: block;
    margin: 0px 20px;
    padding: 0px 0px;
    line-height: 30px;
    height: 30px;
    float: left;
    font-size: 14px;
}

#paging div {
    padding: 0px 0px;
    margin: 0px auto;
    width: 50%;
    height: 100%;
    font-size: 10px;
    line-height: 30px;
}

#paging div a, #paging div span {
    padding: 0px 0px;
    margin: 0px 0px;
    display: block;
    float: left;
    width: 25%;
    height: 100%;
}

#left {
    width: 80%;
    height: 800px;
    margin: 0px 0px;
    padding: 0px 0px;
    display:inline-block ;
    float:left;
}
#left #left_top {
    height: 30px;
    font-size: 14px;
    margin: 4px auto 0px;
}
#left #left_top img{
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    float: left;
    left: 10px;
    line-height: 40px;
}
#left #left_top span{
    top: 10px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    display: block;
    position: relative;
    float: left;
    left: 10%;
}
#left #left_top a{
    top: 10px;
    width: 80px;
    height: 20px;
    line-height: 20px;
    display: block;
    position: relative;
    float: right;
    right: 1%;
    margin-left: 20%;
}
#right {
    width: 20%;
    height: 800px;
    margin: 0px 0px;
    padding: 0px 0px;
    display:inline-block ;
}
#right .rightSon {
    width: 100%;
    margin: 0px 0px;
    padding: 0px 0px;
}

#right .rightSon div .title{
    font-family: Arial;
    color: darkgreen;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 20px;
    left: 10px;
    top: 10px;
    position: relative;
}

#right #top1 {
    height: 100px;
}
#right #top1 .top1Son {
    display: inline-block;
    height: 20px;
    margin: 0px 5px;
    padding: 0px 0px;
    font-size: 5px;
    top: 40px;
    position:relative; /*相对父元素定位*/
}
#right #top1 input {
    width: 60%;
    float: left;
}
#right #top1 a{
    width: 20%;
    line-height: 20px;
    font-size: 5px;
    text-decoration: none;
}
#right #top2 {
    height: 300px;
    background-color: aliceblue;
    border-bottom: 1px dotted black;
}
#right #top2 .top1Son {  margin: 0px 0px;  padding: 0px 0px;
}
#right #top2 #top2Title {  height: 20px;  }
#right #top2 #top2Say {
    display: inline-block;
    width: 100%;
    height: 50px;
    margin: 20px 0px 0px 0px;
}
#right #top2 #top2Say .top2Son{
    display: inline-block;
    margin: 0px 0px;
    padding: 0px 0px;
    height: 50px;
}

#right #top2 #top2Say input { width: 60%;  }
#right #top2 #top2Say a {
    width: 20%;
    font-size: 14px;
    color: blueviolet;
    text-decoration: none;
}

#right #top2 #top2See {
    display: block;
    width: 100%;
    height: 200px;
}

#right #top3 {
    height: 300px;
    border-bottom: 1px dotted black;
    background-color: aliceblue;
}

#right #top3 #top3Info{
    display: inline-block;
    width: 100%;
    height: 140px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px;
}

#right #top3 #top3Info .top3InfoTitle{
    display: block;
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #B4AA47;
    font-family: Arial;
    left: 5px;
    position: relative;
}
#right #top3 #top3Info .top3InfoContent{
    display: block;
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    left: 20px;
    position: relative;
}
#right #top4 {
    height: 100px;
}


#right #top2 #top2See .size0{padding:4px;font-size:18px;color:#804D40;}
#right #top2 #top2See .size0:hover{color:#E14768;}
#right #top2 #top2See .size1{padding:10px;font-size:16px;color:#824140;}
#right #top2 #top2See .size1:hover{color:#A16798;}
#right #top2 #top2See .size2{padding:7px;font-size:20px;color:#B9251A;}
#right #top2 #top2See .size2:hover{color:#B17738;}
#right #top2 #top2See .size3{padding:5px;font-size:30px;color:#C4876A;}
#right #top2 #top2See .size3:hover{color:#E23729;}
#right #top2 #top2See .size4{padding:5px;font-size:15px;color:#B46A47;}
#right #top2 #top2See .size4:hover{color:#E12628;}
#right #top2 #top2See .size5{padding:5px;font-size:25px;color:#E13728;}
#right #top2 #top2See .size5:hover{color:#B46A47;}
#right #top2 #top2See .size6{padding:0px;font-size:12px;color:#77625E}
#right #top2 #top2See .size6:hover{color:#E13728;}
#right #top2 #top2See .size7{padding:5px;font-size:14px;color:#B45A47;}
#right #top2 #top2See .size7:hover{color:#E23726;}
#right #top2 #top2See .size8{padding:5px;font-size:10px;color:#A76934;}
#right #top2 #top2See .size8:hover{color:#B4AA47;}
#right #top2 #top2See .size9{padding:4px;font-size:32px;color:#E13728}
#right #top2 #top2See .size9:hover{color:#A14628;}